<!-- 统计卡片 -->
<template>
  <el-card class="analysis-chart-card"
           shadow="never">
    <div class="flex-wrap-bet analysisFlex">

      <div v-for="(item,index) in defaultData"
           :key="index">
        <router-link :to="item.url">
          <div class="flex-column">
            <img class="icon"
                 :src="item.icon"
                 alt="">
            <span class="fontSize16 m-top10">{{ item.title }}</span>
          </div>
        </router-link>
      </div>
      <!-- <div class="flex-column">
        <img class="icon"
             src="../../../../assets/PC收银/组合 1031.png"
             alt="">
        <span class="fontSize16 m-top10">套餐管理</span>
      </div>
      <div class="flex-column">
        <img class="icon"
             src="../../../../assets/PC收银/组合 1033.png"
             alt="">
        <span class="fontSize16 m-top10">支付管理</span>
      </div>
      <div class="flex-column">
        <img class="icon"
             src="../../../../assets/PC收银/组合 1032.png"
             alt="">
        <span class="fontSize16 m-top10">订单记录</span>
      </div>
      <div class="flex-column">
        <img class="icon"
             src="../../../../assets/PC收银/组合 1034.png"
             alt="">
        <span class="fontSize16 m-top10">充值记录</span>
      </div> -->
    </div>
  </el-card>
</template>
	
	<script>




export default {
  data () {
    const defaultData = [

      {
        icon: require('../../../../assets/PC收银/组合 1032.png'),
        title: '订单记录',
        url: '/order/goodsOrderList',
        color: '#95de64'
      },
      {
        icon: require('../../../../assets/PC收银/组合 1030.png'),
        title: '商品管理',
        url: '/goods/goodsList',
        color: '#ff9c6e'
      },
      {
        icon: require('../../../../assets/PC收银/组合 1031.png'),
        title: '套餐卡管理',
        url: '/package/packageList',
        color: '#b37feb'
      },
      {
        icon: require('../../../../assets/PC收银/组合 1033.png'),
        title: '支付管理',
        url: '/basicConfiguration/paymentConfiguration',
        color: '#b37feb'
      },
      {
        icon: require('../../../../assets/PC收银/组合 1034.png'),
        title: '充值记录',
        url: '/order/rechargeOrderList',
        color: '#b37feb'
      }
    ];
    return {
      defaultData
    }
  },

  computed: {
    // 是否开启响应式布局
    styleResponsive () {
      return this.$store.state.theme.styleResponsive;
    }
  },

  methods: {
    /* 获取数据 */

  }
};
	</script>
	
	<style lang="scss" scoped>
.analysis-chart-card {
  font-size: 30px;

  background-color: #fff;
  .icon {
    width: 68px;
    height: 68px;
  }
}

.analysis-chart-card-content {
  box-sizing: border-box;
  margin-bottom: 12px;
  .analysisFlex {
  }
}

.analysis-chart-card-text {
  padding-top: 12px;
}
</style>
	